<template>
<div>
    <h1>我是404</h1>
    <div style="text-align:center">
        <span class="span" style="margin-right:50px" @click="register">注册</span>
        <span class="span" @click="login">登陆</span>
    </div>
    <div class="mybeian">
        <el-row class="Tailrow4"  type="flex" justify="center">
            <div class="row4div1">
                Copyright © 2022-www.haiggood.com ，All Rights Reserved  <br/>使用本网站即表示接受 
                <span class="row4div1span1" style="cursor: pointer;">hggood用户协议</span>
                。版权所有 
                <span class="row4div1span1" style="cursor: pointer;">hggood个人</span>
            </div>
        </el-row>
        <el-row class="Tailrow5"  type="flex" justify="center">
            <div>
                <img src="./assets/beian/beian.png" class="beianimg" @click="goBeian">
                <div class="row5div1">
                    <!-- <span>闽公网安备 xxxxxxxxxxxxxx号 </span> -->
                    <span style="margin-left:16px" @click="goBeian">闽ICP备2022001936号-1</span>
                </div>
            </div>
        </el-row>
    </div>

    <!-- <span class="span" @click="persion">个人</span> -->
</div>
</template>

<script>
export default {
    name:'NotFound',
    mounted(){
        console.log('为啥不执行请求?');
        this.$addr.get(`gogogo`).then(
        response=>{
            console.log('请求gogogo成功了',response)
            this.mypath=response.data.data
            if(this.mypath != null){
                this.$router.push({path:this.mypath})
            }
        },error=>{
            console.log('请求gogogo失败了',error)
        })
    },
    methods:{
        goBeian(){
            window.open('https://beian.miit.gov.cn/')
        },
        register(){
            this.$router.replace({name:'register'})
        },
        login(){
            this.$router.replace({name:'login'})
        },
        persion(){
            this.$router.replace({name:'persion'})
        },
    },
}
</script>

<style scoped>
.mybeian{
    width: 100%;
    position: fixed;
    bottom: 20px;
    text-align: center;
}
.span{
    border-radius: 10px;
    margin-left: 10px;
    padding-left: 15px;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 15px;
    background-color: rgb(141, 235, 220);
}
/* //备案 */
.Tailrow4{
    margin: 0px auto;
    margin-top: 10px;
    font-size: 11px;
    height: 20px;
}
.row4div1{
    color: rgb(139, 139, 139);
}
.row4div1 :hover{
    color: rgb(221, 51, 108);
}
.row4div1span1{
    color: rgb(48, 48, 48);
}
.Tailrow5{
    margin: 0px auto;
    margin-top: 20px;
    font-size: 11px;
    height: 20px;
}
.beianimg{
    margin-left: -90px;
    width: 20px;
    height: 20px;
}
.row5div1{
    position: absolute;
    margin-top: -20px;
    margin-left: -48px;
    cursor: pointer;
    color: rgb(48, 48, 48);
}
.row5div1 :hover{
    color: rgb(221, 51, 108);
}
</style>